﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet" href="Content/bootstrap.min.css"/>
    <link rel="stylesheet" href="Content/bootstrap-theme.min.css"/>
    
    <script>
        var BoxSportSystem = BoxSportSystem || {};
    </script>

    <script src="Scripts/jquery-2.1.0.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="Scripts/jsrender.min.js"></script>
    <script src="Scripts/config.js"></script>
    <script src="Scripts/categoria.js"></script>

</head>
<body>
    <div class="panel panel-default">
        <div class="panel-heading">
            Buscar Categoria
        </div>
        <div class="panel-body">
            <div class="form-inline">
                <label>Criterio:</label>
                <input type="text" id="txtCriterio" class="form-control"/>
                <button id="btnBuscar" class="btn btn-danger">Buscar</button>
            </div>
        </div>
        <table id="tblCategoria" class="table table-hover">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>Nombre</th>
                    <th>Descripcion</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{>Id}}</td>
                    <td>{{>NombreCategoria}}</td>
                    <td>{{>Descripcion}}</td>
                </tr>
            </tbody>
        </table>
        <script id="rowCategoriaTemplate" type="application/x-jsrender" >
             <tr>
                <td>{{>Id}}</td>
                <td>{{>NombreCategoria}}</td>
                <td>{{>Descripcion}}</td>
             </tr>
        </script>
    </div>
</body>
</html>
